"use client";

export default function Page(){

  const buttonList = [
    {
      title: 'Router',
      link: 'http://localhost:8080'
    },
    {
      title: 'Tailwind',
      link: 'http://localhost:8080'
    },
    {
      title: 'Zustand',
      link: 'http://localhost:8080'
    },
    {
      title: 'Reacts',
      link: 'http://localhost:8080'
    }
  ]

  return (
    <div className={'bg-slate-200 w-fit mx-auto p-5 mt-10 flex gap-x-3'}>
      {
        buttonList.map((button, index) => (
          <a key={index} className={'px-10 py-5 bg-blue-500 text-white'} href={button.link}>{button.title}</a>
        ))
      }
    </div>
  )
}
